{# The Meetings page: send the bot to a call, the agents' calendar of the
   meetings I am invited to, and every meeting it was sent to, newest
   first, with how many of its action items are mine. #}
{% extends layout %}
{% from "components/macros/layout.html" import card, page_header %}
{% from "components/macros/table.html" import data_table %}
{% from "pages/meetings/_calendar.html" import month %}
{% macro mine_cell(count) %}<span data-mine>{{ count }}</span>{% endmacro %}
{% block title %}Meetings{% endblock %}
{% block app_content %}
{% call page_header("Meetings", "Send the bot to a call, then read what came of it.") %}{% endcall %}
<div class="grid gap-6">
  {% call card("Send the bot") %}{% include "pages/meetings/_send.html" %}{% endcall %}
  {% call card(None, id="meetings-calendar", hover=False) %}{{ month(calendar, "#meetings-calendar") }}{% endcall %}
  {% call card("Sent to") %}
  {{ data_table([
       {"key": "meeting", "label": "Meeting", "kind": "link"},
       {"key": "requested", "label": "Requested"},
       {"key": "status", "label": "Status", "kind": "status"},
       {"key": "length", "label": "Length", "align": "right"},
       {"key": "mine", "label": "Mine", "align": "right", "render": mine_cell},
     ], rows, empty="No meetings yet", row_id="meeting") }}
  {% endcall %}
</div>
{% endblock %}